<template>
  <div id="app">
    <el-menu
      default-active="/user"
      class="el-menu-demo"
      mode="horizontal"
      background-color="skyblue"
      text-color="#fff"
      active-text-color="#ffd04b"
      router
    >
      <!-- default-active="2" 默认哪个导航激活 -->
      <!-- mode="horizontal"  这个导航是个横向的导航 -->
      <el-menu-item index="/student">用户</el-menu-item>
      <el-menu-item index="/pass">教学</el-menu-item>
      <el-menu-item index="3">订单管理</el-menu-item>
    </el-menu>

    <router-view />
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
};
</script>

<style lang="scss">
* {
  margin: 0;
  padding: 0;
}
</style>
